<script>
if (window.testRunner)
     testRunner.dumpEditingCallbacks();
</script>
<div>This test checks that links dragged into editable regions preserve their title and URL.</div>

<div contenteditable="true" id="destination">Hello</div>
<div contenteditable="true" id="destination2">Goodbye</div>

<div><a href="http://apple.com" id="grabme">This is a link</a></div>
<div><a href="http://apple.com" id="grabme2">This &lt;/a&gt;&lt;a href="http://webkit.org/"&gt;is another link</a></div>

<ul id="console"></ul>

<div>To run this test manually, drag the first link into the box with 'Hello' in it,
drag the second link into the box with 'Goodbye' in it, and then click on the button.<br><input type="button" value="Verify" onClick="verifier()"></div>

<script>

function log(message) {
    var console = document.getElementById("console");
    var li = document.createElement("li");
    var pre = document.createElement("pre");
    pre.appendChild(document.createTextNode(message));
    li.appendChild(pre);
    console.appendChild(li);
}

function runTest() {
    if (!window.testRunner)
        return;
    testRunner.dumpAsText();

    dragLink('grabme', 'destination');
    dragLink('grabme2', 'destination2');

    verifier();
}

function dragLink(srcId, targetId)
{
    var anchorToDrag = document.getElementById(srcId);
    window.getSelection().setBaseAndExtent(anchorToDrag, 0, anchorToDrag, 0);

    var x = anchorToDrag.offsetLeft + anchorToDrag.offsetWidth / 2;
    var y = anchorToDrag.offsetTop + anchorToDrag.offsetHeight / 2;

    eventSender.mouseMoveTo(x, y);

    eventSender.mouseDown();
    // Wait a moment so that the mouseDown will kick off a drag instead of navigating to the link
    eventSender.leapForward(400);

    var destinationObject = document.getElementById(targetId);
    var x = destinationObject.offsetLeft + destinationObject.offsetWidth / 2;
    var y = destinationObject.offsetTop + destinationObject.offsetHeight / 2;

    eventSender.mouseMoveTo(x, y);
    eventSender.mouseUp();

    // Clear id on the cloned link created from the drag and drop.
    document.querySelector("a[id]").removeAttribute('id');
}

function verifier() {
    var anchorToDrag = document.getElementById("grabme");
    var anchorToDrag2 = document.getElementById("grabme2");

    var passed = verifyLink('grabme', 0) && verifyLink('grabme2', 1);

    var anchors = document.getElementsByTagName("a");
    if (anchors.length != 2) {
        log("Failure, incorrect number of anchor tags present");
        passed = false;
    }

    if (passed)
        log("Success!");
}

function verifyLink(linkId, linkNumber)
{
    var anchorToDrag = document.getElementById(linkId);

    var originalTarget = anchorToDrag.href;
    var originalText = anchorToDrag.innerText;
    var anchorParent = anchorToDrag.parentNode;
    anchorParent.removeChild(anchorToDrag);

    var anchors = document.getElementsByTagName("a");
    if (!anchors[linkNumber]) {
        log("Link " + linkNumber + " not found");
        passed = false;
    } else {
        log("Link is " + anchors[linkNumber].href);
        var passed = true;
        if (anchors[linkNumber].href != originalTarget) {
            log("Failure! Expected target: " + anchors[linkNumber].href + ", actual target: " + originalTarget);
            passed = false;
        }
        if (anchors[linkNumber].innerText != originalText) {
            log("Failure! Expected text: " + anchors[linkNumber].innerText + ", actual text: " + originalText);
            passed = false;
        }
    }
    return passed;
}

runTest();
</script>
